import React from 'react'
import { Outlet, NavLink } from 'react-router-dom'
import { Tabbar } from 'react-vant';
import { FriendsO, HomeO, Bars, Cart, Bag} from '@react-vant/icons';
function Home() {
  return (
    <div className='home'>
      <main>
        <Outlet></Outlet>
      </main>
      <footer>
        <Tabbar>
          <Tabbar.Item icon={<HomeO />}><NavLink to='/home/index'>首页</NavLink></Tabbar.Item>
          <Tabbar.Item icon={<Bars  />}><NavLink to='/home/classify'>分类</NavLink></Tabbar.Item>
          <Tabbar.Item icon={<Cart  />}><NavLink to='/home/shopcar'>购物车</NavLink></Tabbar.Item>
          <Tabbar.Item icon={<FriendsO />}><NavLink to='/home/my'>我的</NavLink></Tabbar.Item>
        </Tabbar>
      </footer>
    </div>
  )
}

export default Home